<template>
	<view class="u-m-b-20">
		<view class="img-box" @click="$u.route('/pages/index/product/product',{id:productInfo.id,isMall:'0'})">
			<u-image :showLoading="true" mode="aspectFill" radius="8rpx" :src="productInfo.showImg" width="202rpx"
				height="202rpx">
				<view slot="loading">
					<u-loading-icon></u-loading-icon>
				</view>
			</u-image>
		</view>
		<view class="u-m-t-10 name ellipsis">{{productInfo.fuTitle}}</view>
		<view class="u-m-t-10 tips ellipsis">{{productInfo.brand}}</view>
		<view class="u-m-t-10 flex align-center justify-between">
			<view>
				<text class="text-bold text-red u-font-xs ">￥</text>
				<text class="u-font-lgm text-red text-bold">{{parseFloat(productInfo.firstPrice).toFixed(2)}}</text>
				<!-- <text class="u-font-xs text-black text-bold">.99</text> -->
			</view>
			<!-- <view style="color: #999;font-size: 24rpx;">已购:{{productInfo.outCount||0}}</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			tag: {
				type: Boolean,
				default: false
			},
			productInfo: {
				type: Object,
				default: false,
			}
		}
	}
</script>

<style>
	.img-box {
		border-radius: 8rpx;
		overflow: hidden;
	}

	.name {
		width: 202rpx;
		font-size: 24rpx;
		font-weight: 800;
		color: #333333;
	}

	.tips {
		width: 202rpx;
		font-size: 24rpx;
		color: #999999;
	}

	.tag {
		width: 90rpx;
		height: 38rpx;
		text-align: center;
		line-height: 38rpx;
		border-radius: 4rpx;
		border: 1rpx solid #FED6D6;
		font-size: 24rpx;
		color: #FB5654;
	}
</style>